<template>
  <div class="ep-message-content">
    <div class="ep-left">
      <div class="ep-card-title" v-if="dataType == 'person'">
        <div>{{personMessage.aac003 || '人员姓名'}}</div>
        <div>
          <el-button size="mini" type="primary">查看详情</el-button>
          <el-button size="mini" v-if="isEdit_1">编辑</el-button>
        </div>
      </div>
      <div class="ep-card-title" v-if="dataType == 'company'">
        <div>{{companyMessage.aab069 || '单位名称'}}</div>
        <div>
          <el-button size="mini" v-if="dataType != 'company' || idCount != '1'" type="primary">查看详情</el-button>
          <el-button size="mini" v-if="isEdit">编辑</el-button>
        </div>
      </div>

      <!-- 单位标签1（数源）idCount = 1-->
      <div v-if="dataType == 'company' && idCount == '1'">
        <!-- <el-carousel indicator-position="outside" trigger="click" arrow="never" :height="maHeight"
                             :autoplay="false">
        <el-carousel-item>-->
        <el-row :gutter="20" class="el-list">
          <el-col :span="8" class="el-list-item">
            <span title="统一社会信用代码">统一社会信用代码:</span>
            <span :title="companyMessage.bab010">{{companyMessage.bab010}}</span>
          </el-col>
          <el-col :span="8" class="el-list-item">
            <span title="税号">税号:</span>
            <span :title="companyMessage.aab030">{{companyMessage.aab030}}</span>
          </el-col>
          <el-col :span="8" class="el-list-item">
            <span title="单位类型">单位类型:</span>
            <span :title="companyMessage.aab019">{{companyMessage.aab019}}</span>
          </el-col>
        </el-row>

        <el-row :gutter="20" class="el-list">
          <el-col :span="8" class="el-list-item">
            <span title="经济类型">经济类型:</span>
            <span :title="companyMessage.aab020">{{companyMessage.aab020}}</span>
          </el-col>
          <el-col :span="8" class="el-list-item">
            <span title="所属行业">所属行业:</span>
            <span :title="companyMessage.aab022">{{companyMessage.aab022}}</span>
          </el-col>
          <el-col :span="8" class="el-list-item">
            <span title="执照（证）种类">执照（证）种类:</span>
            <span :title="companyMessage.aab006">{{companyMessage.aab006}}</span>
          </el-col>
        </el-row>
        <el-row :gutter="20" class="el-list">
          <el-col :span="8" class="el-list-item">
            <span title="执照（证）号码">执照（证）号码:</span>
            <span :title="companyMessage.aab007">{{companyMessage.aab007}}</span>
          </el-col>
          <el-col :span="8" class="el-list-item">
            <span title="成立日期">成立日期:</span>
            <span :title="companyMessage.aae047">{{companyMessage.aae047}}</span>
          </el-col>
          <el-col :span="8" class="el-list-item">
            <span title="发照（证）日期">发照（证）日期:</span>
            <span :title="companyMessage.aab008">{{companyMessage.aab008}}</span>
          </el-col>
        </el-row>

        <!-- </el-carousel-item>
        <el-carousel-item>-->
        <div v-if="isMore">
          <el-row :gutter="20" class="el-list">
            <el-col :span="8" class="el-list-item">
              <span title="执照（证）有效期">执照（证）有效期:</span>
              <span :title="companyMessage.aab009">{{companyMessage.aab009}}</span>
            </el-col>
            <el-col :span="8" class="el-list-item">
              <span title="法人姓名">法人姓名:</span>
              <span :title="companyMessage.aab013">{{companyMessage.aab013}}</span>
            </el-col>
            <el-col :span="8" class="el-list-item">
              <span title="法人证件类型">法人证件类型:</span>
              <span :title="companyMessage.aac058">{{companyMessage.aac058}}</span>
            </el-col>
          </el-row>
          <el-row :gutter="20" class="el-list">
            <el-col :span="8" class="el-list-item">
              <span title="法人证件号码">法人证件号码:</span>
              <span :title="companyMessage.aac147">{{companyMessage.aac147}}</span>
            </el-col>
            <el-col :span="8" class="el-list-item">
              <span title="联系人">联系人:</span>
              <span :title="companyMessage.aae004">{{companyMessage.aae004}}</span>
            </el-col>
            <el-col :span="8" class="el-list-item">
              <span title="联系电话">联系电话:</span>
              <span :title="companyMessage.aae005">{{companyMessage.aae005}}</span>
            </el-col>
          </el-row>
          <el-row :gutter="20" class="el-list">
            <el-col :span="16" class="el-list-item">
              <span title="公司地址" >公司地址:</span>
              <span :title="companyMessage.aae006">{{companyMessage.aae006}}</span>
            </el-col>

            <el-col :span="16" class="el-list-item" v-if="false">
              <span title="单位编号">单位编号:</span>
              <span :title="companyMessage.aab001">{{companyMessage.aab001}}</span>
            </el-col>
          </el-row>
        </div>

        <el-row :gutter="20" class="el-list">
          <el-col :span="24" class="searchMore">
            <i class="el-icon-arrow-down" :class="isMore ? 'is-active' : ''" @click="searchMore"></i>
          </el-col>
        </el-row>
        <!-- </el-carousel-item>
        </el-carousel>-->
      </div>

      <!-- 单位标签2（本系统） idCount = 2-->
      <div v-if="dataType == 'company' && idCount == '2'">
        <el-carousel
          indicator-position="outside"
          trigger="click"
          arrow="never"
          :height="maHeight"
          :autoplay="false"
        >
          <el-carousel-item>
            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="统一社会信用代码">统一社会信用代码:</span>
                <span :title="companyMessage.bab010">{{companyMessage.bab010}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="税号">税号:</span>
                <span :title="companyMessage.aab030">{{companyMessage.aab030}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="行政区划">行政区划:</span>
                <span :title="companyMessage.aab301">{{companyMessage.aab301}}</span>
              </el-col>
            </el-row>

            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="单位类型">单位类型:</span>
                <span :title="companyMessage.aab019">{{companyMessage.aab019}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="经济类型">经济类型:</span>
                <span :title="companyMessage.aab020">{{companyMessage.aab020}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="隶属关系">隶属关系:</span>
                <span :title="companyMessage.aab021">{{companyMessage.aab021}}</span>
              </el-col>
            </el-row>

            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="所属行业">所属行业:</span>
                <span :title="companyMessage.aab022">{{companyMessage.aab022}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="行业风险类别">行业风险类别:</span>
                <span :title="companyMessage.aaa149">{{companyMessage.aaa149}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="法人姓名">法人姓名:</span>
                <span :title="companyMessage.aab013">{{companyMessage.aab013}}</span>
              </el-col>
            </el-row>
          </el-carousel-item>

          <el-carousel-item>
            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="主管部门">主管部门:</span>
                <span :title="companyMessage.aab023">{{companyMessage.aab023}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="联系人">联系人:</span>
                <span :title="companyMessage.aae004">{{companyMessage.aae004}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="联系电话">联系电话:</span>
                <span :title="companyMessage.aae005">{{companyMessage.aae005}}</span>
              </el-col>
            </el-row>

            <el-row :gutter="20" class="el-list">
              <el-col :span="16" class="el-list-item">
                <span title="公司地址">公司地址:</span>
                <span :title="companyMessage.aae006">{{companyMessage.aae006}}</span>
              </el-col>

              <el-col :span="16" class="el-list-item" v-if="false">
                <span title="单位编号">单位编号:</span>
                <span :title="companyMessage.aab001">{{companyMessage.aab001}}</span>
              </el-col>
            </el-row>
          </el-carousel-item>
        </el-carousel>
      </div>

      <!-- 人员标签1（数源） idCount = 1-->
      <div v-if="dataType == 'person' && idCount == '1'">
        <el-row :gutter="20" class="el-list">
          <el-col :span="8" class="el-list-item">
            <span title="证件号码">证件号码:</span>
            <span :title="personMessage.aac147">{{personMessage.aac147}}</span>
          </el-col>

          <el-col :span="8" class="el-list-item">
            <span title="性别">性别:</span>
            <span :title="personMessage.aac004">{{personMessage.aac004}}</span>
          </el-col>

          <el-col :span="8" class="el-list-item">
            <span title="出生日期">出生日期:</span>
            <span :title="personMessage.aac006">{{personMessage.aac006}}</span>
          </el-col>
        </el-row>

        <el-row :gutter="20" class="el-list">
          <el-col :span="8" class="el-list-item">
            <span title="参加工作日期">参加工作日期:</span>
            <span :title="personMessage.aac007">{{personMessage.aac007}}</span>
          </el-col>

          <el-col :span="8" class="el-list-item">
            <span title="年龄">年龄:</span>
            <span :title="personMessage.age">{{personMessage.age}}</span>
          </el-col>

          <el-col :span="8" class="el-list-item">
            <span title="单位名称">单位名称:</span>
            <span>
              <a :title="personMessage.aab069">{{personMessage.aab069}}</a>
            </span>
          </el-col>
        </el-row>

        <el-row :gutter="20" class="el-list">
          <el-col :span="8" class="el-list-item" v-if="false">
            <span title="单位编号">单位编号:</span>
            <span :title="personMessage.aab001">{{personMessage.aab001}}</span>
          </el-col>

          <el-col :span="8" class="el-list-item" v-if="false">
            <span title="人员编码">人员编码:</span>
            <span :title="personMessage.aac001">{{personMessage.aac001}}</span>
          </el-col>
        </el-row>
      </div>

      <!-- 人员标签2（本系统） idCount - 2-->
      <div v-if="dataType == 'person' && idCount == '2'">
        <el-row :gutter="20" class="el-list">
          <el-col :span="8" class="el-list-item">
            <span title="社会保障号">社会保障号:</span>
            <span :title="personMessage.aac002">{{personMessage.aac002}}</span>
          </el-col>

          <el-col :span="8" class="el-list-item">
            <span title="性别">性别:</span>
            <span :title="personMessage.aac004">{{personMessage.aac004}}</span>
          </el-col>

          <el-col :span="8" class="el-list-item">
            <span title="出生日期">出生日期:</span>
            <span :title="personMessage.aac006">{{personMessage.aac006}}</span>
          </el-col>
        </el-row>

        <el-row :gutter="20" class="el-list">
          <el-col :span="8" class="el-list-item">
            <span title="参加工作日期">参加工作日期:</span>
            <span :title="personMessage.aac007">{{personMessage.aac007}}</span>
          </el-col>

          <el-col :span="8" class="el-list-item">
            <span title="首次参保年月">首次参保年月:</span>
            <span :title="personMessage.aac049">{{personMessage.aac049}}</span>
          </el-col>

          <el-col :span="8" class="el-list-item">
            <span title="年龄">年龄:</span>
            <span :title="personMessage.age">{{personMessage.age}}</span>
          </el-col>
        </el-row>

        <el-row :gutter="20" class="el-list">
          <el-col :span="8" class="el-list-item">
            <span title="单位名称">单位名称:</span>
            <span>
              <a :title="personMessage.aab069">{{personMessage.aab069}}</a>
            </span>
          </el-col>

          <el-col :span="8" class="el-list-item" v-if="false">
            <span title="单位编号">单位编号:</span>
            <span :title="personMessage.aab001">{{personMessage.aab001}}</span>
          </el-col>

          <el-col :span="8" class="el-list-item" v-if="false">
            <span title="人员编码">人员编码:</span>
            <span :title="personMessage.aac001">{{personMessage.aac001}}</span>
          </el-col>
        </el-row>
      </div>

      <!-- 退休人员标签（本系统） idCount = 3-->
      <div v-if="dataType == 'person' && idCount == '3'">
        <el-row :gutter="20" class="el-list">
          <el-col :span="8" class="el-list-item">
            <span title="社会保障号">社会保障号:</span>
            <span :title="personMessage.aac002">{{personMessage.aac002}}</span>
          </el-col>

          <el-col :span="8" class="el-list-item">
            <span title="性别">性别:</span>
            <span :title="personMessage.aac004">{{personMessage.aac004}}</span>
          </el-col>

          <el-col :span="8" class="el-list-item">
            <span title="出生日期">出生日期:</span>
            <span :title="personMessage.aac006">{{personMessage.aac006}}</span>
          </el-col>
        </el-row>

        <el-row :gutter="20" class="el-list">
          <el-col :span="8" class="el-list-item">
            <span title="年龄">年龄:</span>
            <span :title="personMessage.age">{{personMessage.age}}</span>
          </el-col>

          <el-col :span="8" class="el-list-item">
            <span title="离退休类别">离退休类别:</span>
            <span :title="personMessage.aic161">{{personMessage.aic161}}</span>
          </el-col>

          <el-col :span="8" class="el-list-item">
            <span title="离退休日期">离退休日期:</span>
            <span :title="personMessage.aic162">{{personMessage.aic162}}</span>
          </el-col>
        </el-row>

        <el-row :gutter="20" class="el-list">
          <el-col :span="8" class="el-list-item">
            <span title="待遇享受开始年月">待遇享受开始年月:</span>
            <span :title="personMessage.aic160">{{personMessage.aic160}}</span>
          </el-col>

          <el-col :span="8" class="el-list-item">
            <span title="单位名称">单位名称:</span>
            <span>
              <a :title="personMessage.aab069">{{personMessage.aab069}}</a>
            </span>
          </el-col>

          <el-col :span="8" class="el-list-item" v-if="false">
            <span title="单位编号">单位编号:</span>
            <span :title="personMessage.aab001">{{personMessage.aab001}}</span>
          </el-col>
          <el-col :span="8" class="el-list-item">
            <span title="单位类型">单位类型:</span>
            <span :title="personMessage.aab019">{{personMessage.aab019}}</span>
          </el-col>
          <el-col :span="8" class="el-list-item" v-if="false">
            <span title="人员编码">人员编码:</span>
            <span :title="personMessage.aac001">{{personMessage.aac001}}</span>
          </el-col>
        </el-row>
      </div>

      <!-- 待遇退休核准    idCount = 6 -->
      <div v-if="dataType == 'person' && idCount == '6'">
        <el-carousel
          indicator-position="outside"
          trigger="click"
          arrow="never"
          :height="maHeight"
          :autoplay="false"
        >
          <el-carousel-item>
            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="社会保障号">社会保障号:</span>
                <span :title="personMessage.aac002">{{personMessage.aac002}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="性别">性别:</span>
                <span :title="personMessage.aac004">{{personMessage.aac004}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="档案出生日期">档案出生日期:</span>
                <span :title="personMessage.aac006">{{personMessage.aac006}}</span>
              </el-col>
            </el-row>

            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="年龄">年龄:</span>
                <span :title="personMessage.age">{{personMessage.age}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span  title="离退休类别">离退休类别:</span>
                <span :title="personMessage.aic161">{{personMessage.aic161}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="离退休日期">离退休日期:</span>
                <span :title="personMessage.aic162">{{personMessage.aic162}}</span>
              </el-col>
            </el-row>

            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="待遇享受开始年月">待遇享受开始年月:</span>
                <span :title="personMessage.aic160">{{personMessage.aic160}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="单位名称">单位名称:</span>
                <span>
                  <a :title="personMessage.aab069">{{personMessage.aab069}}</a> 
                </span>
              </el-col>

              <el-col :span="8" class="el-list-item" v-if="false">
                <span title="单位编号">单位编号:</span>
                <span :title="personMessage.aab001">{{personMessage.aab001}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item" v-if="false">
                <span title="人员编码">人员编码:</span>
                <span :title="personMessage.aac001">{{personMessage.aac001}}</span>
              </el-col>
            </el-row>
          </el-carousel-item>

          <el-carousel-item>
            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="户口性质">户口性质:</span>
                <span :title="personMessage.aac009">{{personMessage.aac009}}></span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="民族">民族:</span>
                <span :title="personMessage.aac005">{{personMessage.aac005}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="个人身份">个人身份:</span>
                <span :title="personMessage.aac012">{{personMessage.aac012}}</span>
              </el-col>
            </el-row>

            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="用工形式">用工形式:</span>
                <span :title="personMessage.aac013">{{personMessage.aac013}}></span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="参加工作日期">参加工作日期:</span>
                <span :title="personMessage.aac007">{{personMessage.aac007}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="专业技术职务">专业技术职务:</span>
                <span :title="personMessage.aac014">{{personMessage.aac014}}</span>
              </el-col>
            </el-row>

            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="军转人员标志">军转人员标志:</span>
                <span>
                  <a :title="personMessage.aac064">{{personMessage.aac064}}</a>
                </span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="劳模标志">劳模标志:</span>
                <span :title="personMessage.bic102">{{personMessage.bic102}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="特殊工种类别">特殊工种类别:</span>
                <span :title="personMessage.aac019">{{personMessage.aac019}}</span>
              </el-col>
            </el-row>
          </el-carousel-item>

          <el-carousel-item>
            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="高级专家标志">高级专家标志:</span>
                <span>
                  <a :title="personMessage.bic103">{{personMessage.bic103}}</a>
                </span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="特殊工种月数">特殊工种月数</span>
                <span :title="personMessage.bae201">{{personMessage.bae201}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="工商业者标识">工商业者标识:</span>
                <span :title="personMessage.aac085">{{personMessage.aac085}}</span>
              </el-col>
            </el-row>

            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="退役军人类别">退役军人类别:</span>
                <span>
                  <a :title="personMessage.aac064">{{personMessage.aac064}}</a>
                </span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="53年前参加工作">53年前参加工作:</span>
                <span :title="personMessage.aac013">{{personMessage.aac013}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="国家职业资格等级">国家职业资格等级:</span>
                <span :title="personMessage.aac016">{{personMessage.aac016}}</span>
              </el-col>
            </el-row>

            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="行政职务级别">行政职务级别:</span>
                <span>
                  <a :title="personMessage.aac020">{{personMessage.aac020}}</a>
                </span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="长期生活地">长期生活地:</span>
                <span :title="personMessage.address">{{personMessage.address}}</span>
              </el-col>
            </el-row>
          </el-carousel-item>
        </el-carousel>
      </div>

      <!-- 死亡人员标签（本系统） idCount = 7-->
      <div v-if="dataType == 'person' && idCount == '7'">
        <el-row :gutter="20" class="el-list">
          <el-col :span="8" class="el-list-item">
            <span title="社会保障号">社会保障号:</span>
            <span :title="personMessage.aac002">{{personMessage.aac002}}</span>
          </el-col>

          <el-col :span="8" class="el-list-item">
            <span title="性别">性别:</span>
            <span :title="personMessage.aac004">{{personMessage.aac004}}</span>
          </el-col>

          <el-col :span="8" class="el-list-item">
            <span title="年龄">年龄:</span>
            <span :title="personMessage.age">{{personMessage.age}}</span>
          </el-col>
        </el-row>

        <el-row :gutter="20" class="el-list">
          <el-col :span="8" class="el-list-item">
            <span title="出生日期">出生日期:</span>
            <span :title="personMessage.aac006">{{personMessage.aac006}}</span>
          </el-col>

          <el-col :span="8" class="el-list-item">
            <span title="民族">民族:</span>
            <span :title="personMessage.aac005">{{personMessage.aac005}}</span>
          </el-col>

          <el-col :span="8" class="el-list-item">
            <span title="离退休类别">离退休类别:</span>
            <span :title="personMessage.aic161">{{personMessage.aic161}}</span>
          </el-col>
        </el-row>

        <el-row :gutter="20" class="el-list">

          <el-col :span="8" class="el-list-item">
            <span title="死亡时间">死亡时间:</span>
            <span :title="personMessage.bic141">{{personMessage.bic141}}</span>
          </el-col>

          <el-col :span="8" class="el-list-item">
            <span title="单位名称">单位名称:</span>
            <span>
              <a :title="personMessage.aab069">{{personMessage.aab069}}</a>
            </span>
          </el-col>
          <el-col :span="8" class="el-list-item" v-if="false">
            <span title="单位编号">单位编号:</span>
            <span :title="personMessage.aab001">{{personMessage.aab001}}</span>
          </el-col>
        </el-row>

        <el-row :gutter="20" class="el-list">
          <el-col :span="8" class="el-list-item" v-if="false">
            <span title="人员编码">人员编码:</span>
            <span :title="personMessage.aac001">{{personMessage.aac001}}</span>
          </el-col>
        </el-row>
      </div>

      <!-- 工伤人员标签（本系统） idCount = 4-->
      <div v-if="dataType == 'person' && idCount == '4'">
        <el-row :gutter="20" class="el-list">
          <el-col :span="8" class="el-list-item">
            <span title="社会保障号">社会保障号:</span>
            <span :title="personMessage.aac002">{{personMessage.aac002}}</span>
          </el-col>

          <el-col :span="8" class="el-list-item">
            <span title="性别">性别:</span>
            <span :title="personMessage.aac004">{{personMessage.aac004}}</span>
          </el-col>

          <el-col :span="8" class="el-list-item">
            <span title="出生日期">出生日期:</span>
            <span :title="personMessage.aac006">{{personMessage.aac006}}</span>
          </el-col>
        </el-row>

        <el-row :gutter="20" class="el-list">
          <el-col :span="8" class="el-list-item">
            <span title="年龄">年龄:</span>
            <span :title="personMessage.age">{{personMessage.age}}</span>
          </el-col>

          <el-col :span="8" class="el-list-item">
            <span title="工伤发生时间">工伤发生时间:</span>
            <span :title="personMessage.alc020">{{personMessage.alc020}}</span>
          </el-col>

          <el-col :span="8" class="el-list-item">
            <span title="工伤类别">工伤类别:</span>
            <span :title="personMessage.alc027">{{personMessage.alc027}}</span>
          </el-col>
        </el-row>

        <el-row :gutter="20" class="el-list">
          <el-col :span="8" class="el-list-item">
            <span title="单位类型">单位类型:</span>
            <span :title="personMessage.aab019">{{personMessage.aab019}}</span>
          </el-col>

          <el-col :span="8" class="el-list-item">
            <span title="单位名称">单位名称:</span>
            <span>
              <a :title="personMessage.aab069">{{personMessage.aab069}}</a>
            </span>
          </el-col>

          <el-col :span="8" class="el-list-item" v-if="false">
            <span title="单位编号">单位编号:</span>
            <span :title="personMessage.aab001">{{personMessage.aab001}}</span>
          </el-col>

          <el-col :span="8" class="el-list-item" v-if="false">
            <span title="人员编码">人员编码:</span>
            <span :title="personMessage.aac001">{{personMessage.aac001}}</span>
          </el-col>
          <el-col :span="8" class="el-list-item" v-if="false">
            <span title="工伤认定ID">工伤认定ID:</span>
            <span :title="personMessage.aaz127">{{personMessage.aaz127}}</span>
          </el-col>
        </el-row>
      </div>

      <!-- 工伤鉴定标签（人员） idCount = 5-->
      <div v-if="dataType == 'person' && idCount == '5'">
        <el-carousel
          indicator-position="outside"
          trigger="click"
          arrow="never"
          :height="maHeight"
          :autoplay="false"
        >
          <el-carousel-item>
            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="证件类型">证件类型:</span>
                <span :title="personMessage.aac058">{{personMessage.aac058}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="证件号码">证件号码:</span>
                <span :title="personMessage.aac147">{{personMessage.aac147}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="邮寄地址">邮寄地址:</span>
                <span :title="personMessage.aae006">{{personMessage.aae006}}</span>
              </el-col>
            </el-row>

            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="邮编">邮编:</span>
                <span :title="personMessage.aae007">{{personMessage.aae007}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="手机号码">手机号码:</span>
                <span :title="personMessage.aac067">{{personMessage.aac067}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="参加工作日期">参加工作日期:</span>
                <span :title="personMessage.aac007">{{personMessage.aac007}}</span>
              </el-col>
            </el-row>

            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="性别">性别:</span>
                <span :title="personMessage.aac004">{{personMessage.aac004}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="民族">民族:</span>
                <span :title="personMessage.aac005">{{personMessage.aac005}}</span>
              </el-col>
              <el-col :span="8" class="el-list-item">
                <span title="退离休状态">退离休状态:</span>
                <span>
                  <a :title="personMessage.aac084">{{personMessage.aac084}}</a>
                </span>
              </el-col>
              <el-col :span="8" class="el-list-item" v-if="false">
                <span title="工伤认定ID">工伤认定ID:</span>
                <span :title="personMessage.aaz127">{{personMessage.aaz127}}</span>
              </el-col>
            </el-row>
          </el-carousel-item>

          <el-carousel-item>
            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="参保状态">参保状态:</span>
                <span>
                  <a :title="personMessage.aac008">{{personMessage.aac008}}</a>
                </span>
              </el-col>

              <el-col :span="8" class="el-list-item" v-if="false">
                <span title="人员编码">人员编码:</span>
                <span :title="personMessage.aac001">{{personMessage.aac001}}</span>
              </el-col>
            </el-row>
          </el-carousel-item>
        </el-carousel>
      </div>

      <!-- 精简人员标签 idCount = 8-->
      <div v-if="dataType == 'person' && idCount == '8'">
        <!-- <el-carousel indicator-position="outside" trigger="click" arrow="never" :height="maHeight"
                             :autoplay="false">
        <el-carousel-item>-->
        <el-row :gutter="20" class="el-list">
          <!--<el-col :span="8" class="el-list-item">-->
          <!--<span>姓名:</span>-->
          <!--<span>{{personMessage.aac003}}</span>-->
          <!--</el-col>-->
          <el-col :span="8" class="el-list-item">
            <span title="性别">性别:</span>
            <span :title="personMessage.aac004">{{personMessage.aac004}}</span>
          </el-col>
          <el-col :span="8" class="el-list-item">
            <span title="民族">民族:</span>
            <span :title="personMessage.aac005">{{personMessage.aac005}}</span>
          </el-col>

          <el-col :span="8" class="el-list-item">
            <span title="出生日期">出生日期:</span>
            <span :title="personMessage.aac006">{{personMessage.aac006}}</span>
          </el-col>
        </el-row>

        <el-row :gutter="20" class="el-list">
          <el-col :span="8" class="el-list-item">
            <span title="开始年月">开始年月:</span>
            <span :title="personMessage.aic160">{{personMessage.aic160}}</span>
          </el-col>
          <el-col :span="8" class="el-list-item">
            <span title="精减人员类别">精减人员类别:</span>
            <span :title="personMessage.bic143">{{personMessage.bic143}}</span>
          </el-col>
          <el-col :span="8" class="el-list-item">
            <span title="统一社会信用代码">统一社会信用代码:</span>
            <span :title="personMessage.bab010">{{personMessage.bab010}}</span>
          </el-col>
        </el-row>

        <el-row :gutter="20" class="el-list">
          <el-col :span="8" class="el-list-item">
            <span title="单位名称">单位名称:</span>
            <span>
              <a :title="personMessage.aab069">{{personMessage.aab069}}</a>
            </span>
          </el-col>

          <el-col :span="8" class="el-list-item" v-if="false">
            <span title="单位编号">单位编号:</span>
            <span :title="personMessage.aab001">{{personMessage.aab001}}</span>
          </el-col>
        </el-row>
        <!-- </el-carousel-item> -->
        <!-- <el-carousel-item>
                        <el-row :gutter="20" class="el-list">
                            <el-col :span="8" class="el-list-item" v-if="false">
                                <span>人员编号:</span>
                                <span>{{personMessage.aac001}}</span>
                            </el-col>

                            
                        </el-row>

                        
        </el-carousel-item>-->
        <!-- </el-carousel> -->
      </div>

      <!-- 供养遗孀 idCount = 9-->
      <div v-if="dataType == 'person' && idCount == '9'">
        <el-carousel
          indicator-position="outside"
          trigger="click"
          arrow="never"
          :height="maHeight"
          :autoplay="false"
        >
          <el-carousel-item>
            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="社会保障号">社会保障号:</span>
                <span :title="personMessage.aac002">{{personMessage.aac002}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="性别">性别:</span>
                <span :title="personMessage.aac004">{{personMessage.aac004}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="民族">民族:</span>
                <span :title="personMessage.aac005">{{personMessage.aac005}}</span>
              </el-col>
            </el-row>

            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="出生日期">出生日期:</span>
                <span :title="personMessage.aac006">{{personMessage.aac006}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="供养人员类别">供养人员类别:</span>
                <span :title="personMessage.eac094">{{personMessage.eac094}}</span>
              </el-col>
              <el-col :span="8" class="el-list-item">
                <span title="供养关系">供养关系:</span>
                <span :title="personMessage.aae144 ">{{personMessage.aae144}}</span>
              </el-col>
            </el-row>

            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span  title="开始年月">开始年月:</span>
                <span :title="personMessage.aic160">{{personMessage.aic160}}</span>
              </el-col>
              <el-col :span="8" class="el-list-item">
                <span title="完全丧失劳动能力标志">完全丧失劳动能力标志:</span>
                <span>
                  <a :title="personMessage.bic109">{{personMessage.bic109}}</a>
                </span>
              </el-col>
              <el-col :span="8" class="el-list-item">
                <span title="满18岁年月">满18岁年月:</span>
                <span>
                  <a :title="personMessage.bic140">{{personMessage.bic140}}</a>
                </span>
              </el-col>
            </el-row>
          </el-carousel-item>

          <el-carousel-item>
            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="孤寡标志">孤寡标志:</span>
                <span :title="personMessage.aac086">{{personMessage.aac086}}</span>
              </el-col>
              <el-col :span="8" class="el-list-item" v-if="false">
                <span title="人员编号">人员编号:</span>
                <span :title="personMessage.aac001">{{personMessage.aac001}}</span>
              </el-col>
            </el-row>
          </el-carousel-item>
        </el-carousel>
      </div>

      <!-- 工伤认定和劳动能力鉴定标签（人员） idCount = 10-->
      <div v-if="dataType == 'person' && idCount == '10'">
        <el-carousel
          indicator-position="outside"
          trigger="click"
          arrow="never"
          :height="maHeight"
          :autoplay="false"
        >
          <el-carousel-item>
            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="性别">性别:</span>
                <span :title="personMessage.aac004">{{personMessage.aac004}}</span>
              </el-col>
              <el-col :span="8" class="el-list-item">
                <span title="民族">民族:</span>
                <span :title="personMessage.aac005">{{personMessage.aac005}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="证件类型">证件类型:</span>
                <span :title="personMessage.aac058">{{personMessage.aac058}}</span>
              </el-col>
            </el-row>

            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="证件号码">证件号码:</span>
                <span :title="personMessage.aac147">{{personMessage.aac147}}</span>
              </el-col>
              <el-col :span="8" class="el-list-item">
                <span title="邮寄地址">邮寄地址:</span>
                <span :title="personMessage.aae006">{{personMessage.aae006}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="工伤类别">工伤类别:</span>
                <span :title="personMessage.alc027">{{personMessage.alc027}}</span>
              </el-col>
            </el-row>

            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="邮编">邮编:</span>
                <span :title="personMessage.aae007">{{personMessage.aae007}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="手机号码">手机号码:</span>
                <span :title="personMessage.aac067">{{personMessage.aac067}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="参加工作日期">参加工作日期:</span>
                <span :title="personMessage.aac007">{{personMessage.aac007}}</span>
              </el-col>
            </el-row>
          </el-carousel-item>

          <el-carousel-item>
            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="离退休状态">离退休状态:</span>
                <span :title="personMessage.aac084">{{personMessage.aac084}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="参保状态">参保状态:</span>
                <span :title="personMessage.aac008">{{personMessage.aac008}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="统筹区">统筹区:</span>
                <span :title="personMessage.aaa027">{{personMessage.aaa027}}</span>
              </el-col>
            </el-row>

            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="联系地址">联系地址:</span>
                <span :title="personMessage.aae006">{{personMessage.aae006}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="联系电话">联系电话:</span>
                <span :title="personMessage.aae005">{{personMessage.aae005}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="工伤认定书编号">工伤认定书编号:</span>
                <span :title="personMessage.alc011">{{personMessage.alc011}}</span>
              </el-col>
            </el-row>

            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="过程文书编号">过程文书编号:</span>
                <span :title="personMessage.blc502">{{personMessage.blc502}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="工伤发生时间">工伤发生时间:</span>
                <span :title="personMessage.alc020">{{personMessage.alc020}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="因工死亡时间">因工死亡时间:</span>
                <span :title="personMessage.alc040">{{personMessage.alc040}}</span>
              </el-col>
            </el-row>
          </el-carousel-item>

          <!-- <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="8" class="el-list-item" v-if="false">
                    <span>人员编码:</span>
                    <span>{{personMessage.aac001}}</span>
                  </el-col>
                </el-row>
          </el-carousel-item>-->
        </el-carousel>
      </div>
      <!-- 工伤供养亲属标签（人员） idCount = 11-->
      <div v-if="dataType == 'person' && idCount == '11'">
        <el-carousel
          indicator-position="outside"
          trigger="click"
          arrow="never"
          :height="maHeight"
          :autoplay="false"
        >
          <el-carousel-item>
            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="姓名">姓名:</span>
                <span :title="personMessage.aac003">{{personMessage.aac003}}</span>
              </el-col>
              <el-col :span="8" class="el-list-item">
                <span title="性别">性别:</span>
                <span :title="personMessage.aac004">{{personMessage.aac004}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="民族">民族:</span>
                <span :title="personMessage.aac005">{{personMessage.aac005}}</span>
              </el-col>
            </el-row>

            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="出生日期">出生日期:</span>
                <span :title="personMessage.aac006">{{personMessage.aac006}}</span>
              </el-col>
              <el-col :span="8" class="el-list-item">
                <span title="户口性质">户口性质:</span>
                <span :title="personMessage.aac009">{{personMessage.aac009}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="孤寡标志">孤寡标志:</span>
                <span :title="personMessage.aac086">{{personMessage.aac086}}</span>
              </el-col>
            </el-row>

            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="供养关系">供养关系:</span>
                <span :title="personMessage.aae144">{{personMessage.aae144}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="开始年月">开始年月:</span>
                <span :title="personMessage.aic160">{{personMessage.aic160}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="终止年月">终止年月:</span>
                <span :title="personMessage.aic301">{{personMessage.aic301}}</span>
              </el-col>
            </el-row>
          </el-carousel-item>

          <el-carousel-item>
            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="联系人姓名">联系人姓名:</span>
                <span :title="personMessage.aae004">{{personMessage.aae004}}</span>
              </el-col>
              <el-col :span="8" class="el-list-item">
                <span title="联系人手机">联系人手机:</span>
                <span :title="personMessage.aae005">{{personMessage.aae005}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="邮政编码">邮政编码:</span>
                <span :title="personMessage.aae007">{{personMessage.aae007}}</span>
              </el-col>
            </el-row>
          </el-carousel-item>
        </el-carousel>
      </div>
      <!-- 工伤工亡人员标签（人员） idCount = 12-->
      <div v-if="dataType == 'person' && idCount == '12'">
        <el-carousel
          indicator-position="outside"
          trigger="click"
          arrow="never"
          :height="maHeight"
          :autoplay="false"
        >
          <el-carousel-item>
            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="社会保障号码">社会保障号码:</span>
                <span :title="personMessage.aac002">{{personMessage.aac002}}</span>
              </el-col>
              <el-col :span="8" class="el-list-item">
                <span title="姓名">姓名:</span>
                <span :title="personMessage.aac003">{{personMessage.aac003}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="性别" >性别:</span>
                <span :title="personMessage.aac004">{{personMessage.aac004}}</span>
              </el-col>
            </el-row>

            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="民族">民族:</span>
                <span :title="personMessage.aac005">{{personMessage.aac005}}</span>
              </el-col>
              <el-col :span="8" class="el-list-item">
                <span title="出生日期">出生日期:</span>
                <span :title="personMessage.aac006">{{personMessage.aac006}}</span>
              </el-col>
              <el-col :span="8" class="el-list-item">
                <span title="行政区划">行政区划:</span>
                <span :title="personMessage.aab301">{{personMessage.aab301}}</span>
              </el-col>
            </el-row>

            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="工伤认定书编号">工伤认定书编号:</span>
                <span :title="personMessage.alc011">{{personMessage.alc011}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="统一社会信用代码">统一社会信用代码:</span>
                <span :title="personMessage.bab010">{{personMessage.bab010}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="单位名称">单位名称:</span>
                <span :title="personMessage.aab069">{{personMessage.aab069}}</span>
              </el-col>
            </el-row>
          </el-carousel-item>

          <el-carousel-item>
            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="工伤发生时间">工伤发生时间:</span>
                <span :title="personMessage.alc020">{{personMessage.alc020}}</span>
              </el-col>
              <el-col :span="8" class="el-list-item">
                <span title="工伤认定日期">工伤认定日期:</span>
                <span :title="personMessage.alc031">{{personMessage.alc031}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="工伤认定结论">工伤认定结论:</span>
                <span :title="personMessage.ala015">{{personMessage.ala015}}</span>
              </el-col>
            </el-row>
            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="因工死亡时间">因工死亡时间:</span>
                <span :title="personMessage.alc040">{{personMessage.alc040}}</span>
              </el-col>
              <el-col :span="8" class="el-list-item">
                <span title="老工伤标识">老工伤标识:</span>
                <span :title="personMessage.bae476">{{personMessage.bae476}}</span>
              </el-col>
              <el-col :span="8" class="el-list-item">
                <span title="本人工资">本人工资:</span>
                <span :title="personMessage.aac040">{{personMessage.aac040}}</span>
              </el-col>
            </el-row>
          </el-carousel-item>
        </el-carousel>
      </div>
      <!-- 机关事业单位标签（本系统） idCount = 13-->
      <div v-if="dataType == 'company' && idCount == '13'">
        <el-carousel
          indicator-position="outside"
          trigger="click"
          arrow="never"
          :height="maHeight"
          :autoplay="false"
        >
          <el-carousel-item>
            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="单位名称">单位名称:</span>
                <span :title="companyMessage.aab069">{{companyMessage.aab069}}</span>
              </el-col>
              <el-col :span="8" class="el-list-item">
                <span title="统一社会信用代码">统一社会信用代码:</span>
                <span :title="companyMessage.bab010">{{companyMessage.bab010}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="税号">税号:</span>
                <span :title="companyMessage.aab030">{{companyMessage.aab030}}</span>
              </el-col>
            </el-row>

            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="所属地区">所属地区:</span>
                <span :title="companyMessage.aab301">{{companyMessage.aab301}}</span>
              </el-col>
              <el-col :span="8" class="el-list-item">
                <span title="单位类型">单位类型:</span>
                <span :title="companyMessage.aab019">{{companyMessage.aab019}}</span>
              </el-col>
              <el-col :span="8" class="el-list-item">
                <span title="经济类型">经济类型:</span>
                <span :title="companyMessage.aab020">{{companyMessage.aab020}}</span>
              </el-col>
            </el-row>

            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="隶属关系">隶属关系:</span>
                <span :title="companyMessage.aab021">{{companyMessage.aab021}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="所属行业">所属行业:</span>
                <span :title="companyMessage.aab022">{{companyMessage.aab022}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="行业风险类别" >行业风险类别:</span>
                <span :title="companyMessage.aaa149">{{companyMessage.aaa149}}</span>
              </el-col>
            </el-row>
          </el-carousel-item>
          <el-carousel-item>
            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="法人姓名">法人姓名:</span>
                <span :title="companyMessage.aab013">{{companyMessage.aab013}}</span>
              </el-col>
              <el-col :span="8" class="el-list-item">
                <span title="主管部门">主管部门:</span>
                <span :title="companyMessage.aab023">{{companyMessage.aab023}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="联系人">联系人:</span>
                <span :title="companyMessage.aae004">{{companyMessage.aae004}}</span>
              </el-col>
            </el-row>
            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="联系电话">联系电话:</span>
                <span :title="companyMessage.aae005">{{companyMessage.aae005}}</span>
              </el-col>
              <el-col :span="8" class="el-list-item">
                <span title="公司地址">公司地址:</span>
                <span :title="companyMessage.aae006">{{companyMessage.aae006}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item" v-show="false">
                <span title="单位编号">单位编号:</span>
                <span :title="companyMessage.aab001">{{companyMessage.aab001}}</span>
              </el-col>
            </el-row>
            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item" v-show="false">
                <span title="单位管理码">单位管理码:</span>
                <span :title="companyMessage.aab999">{{companyMessage.aab999}}</span>
              </el-col>
            </el-row>
          </el-carousel-item>
        </el-carousel>
      </div>
      <!-- 机关事业人员标签（本系统） idCount = 14-->
      <div v-if="dataType == 'person' && idCount == '14'">
        <el-carousel
          indicator-position="outside"
          trigger="click"
          arrow="never"
          :height="maHeight"
          :autoplay="false"
        >
          <el-carousel-item>
            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="姓名">姓名:</span>
                <span :title="personMessage.aac003">{{personMessage.aac003}}</span>
              </el-col>
              <el-col :span="8" class="el-list-item">
                <span title="社会保障号">社会保障号:</span>
                <span :title="personMessage.aac002">{{personMessage.aac002}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="性别">性别:</span>
                <span :title="personMessage.aac004">{{personMessage.aac004}}</span>
              </el-col>
            </el-row>

            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="出生日期">出生日期:</span>
                <span :title="personMessage.aab301">{{personMessage.aac006}}</span>
              </el-col>
              <el-col :span="8" class="el-list-item">
                <span title="参加工作日期">参加工作日期:</span>
                <span :title="personMessage.aac007">{{personMessage.aac007}}</span>
              </el-col>
              <el-col :span="8" class="el-list-item">
                <span title="户口性质">户口性质:</span>
                <span :title="personMessage.aac009">{{personMessage.aac009}}</span>
              </el-col>
            </el-row>

            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="年龄">年龄:</span>
                <span :title="personMessage.age">{{personMessage.age}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="编制类型" >编制类型:</span>
                <span :title="personMessage.aaf022">{{personMessage.aaf022}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="报备人员名额">报备人员名额:</span>
                <span :title="personMessage.bac104">{{personMessage.bac104}}</span>
              </el-col>
            </el-row>
          </el-carousel-item>

          <el-carousel-item>
            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="单位管理码">单位管理码:</span>
                <span :title="personMessage.aab999">{{personMessage.aab999}}</span>
              </el-col>
              <el-col :span="8" class="el-list-item">
                <span title="单位编号">单位编号:</span>
                <span :title="personMessage.aab001">{{personMessage.aab001}}</span>
              </el-col>

              <el-col :span="8" class="el-list-item">
                <span title="人员编号">人员编号:</span>
                <span :title="personMessage.aac001">{{personMessage.aac001}}</span>
              </el-col>
            </el-row>
            <el-row :gutter="20" class="el-list">
              <el-col :span="8" class="el-list-item">
                <span title="单位名称">单位名称:</span>
                <span :title="personMessage.aab069"><a>{{personMessage.aab069}}</a></span>
              </el-col>
            </el-row>
          </el-carousel-item>
        </el-carousel>
      </div>
    </div>
    <slot :row="row"></slot>
  </div>
</template>
<script type="es6">
export default {
  props: {
    isEdit: {
      type: String,
      default: ""
    },
    isEdit_1: {
      type: String,
      default: ""
    },
    dataType: {
      type: String,
      default: "person"
    },
    idCount: {
      type: String,
      default: "1"
    },
    functionId: {
      type: String,
      default: "person"
    },
    panel: {
      type: Object,
      default: function() {
        return null;
      }
    },
    isCodeType: {
      type: Boolean,
      default: true
    }
  },
  data() {
    return {
      dialogVisible: false,
      personMessage: {},
      companyMessage: {},
      row: [],
      id: "",
      isMore: false,
      maHeight: "100px"
    };
  },
  computed: {
    personid() {
      // console.log('this.$store.getters.personid', this.$store.getters.personid);
      return this.$store.getters.personid;
    },
    companyid() {
      // console.log('this.$store.getters.companyid', this.$store.getters.companyid);
      return this.$store.getters.companyid;
    },
    backFun() {
      return this.$store.getters.backFun;
    },
    codeTypes() {
      return this.$store.getters.codeTypes;
    }
  },
  watch: {
    personid: {
      handler(value) {
        this.getUserInformation(value);
      },
      deep: true
    },
    companyid: {
      handler(value) {
        // console.log(valeu)
        this.getUserInformation(value);
      },
      deep: true
    },
    backFun: {
      handler(value) {
        if (value === null) return;
        let backFun = [];
        backFun = value.split(",");
        if (backFun.indexOf("rDoInit") >= 0) {
          this.personMessage = {};
          this.companyMessage = {};
        }
      }
    },
    panel: {
      handler(value) {
        if (this.dataType == "company") {
          this.companyMessage = value.cpInfo || {};
          this.row = value.cpInsure || [];
        } else if (this.dataType == "person") {
          this.personMessage = value.psInfo || {};
          this.row = value.psInsure || [];
        }
      }
    }
  },
  created() {
    // console.log(this.panel)
  },
  methods: {
    searchMore() {
      this.isMore = !this.isMore;
    },
    /**
     * 根据id获取用户信息
     */
    getUserInformation(value) {
      // console.log(value)
      let params = {
        panel: {
          psInfo: {},
          psInsure: [],
          cpInfo: {},
          cpInsure: [],
          functionid: this.functionId
        },
        commonSearch_info: {
          personInfo: value.aac001,
          companyInfo: value.aab001
        },
        ...value.data,
        path: this.$route.path
      };

      if (this.idCount == "10" || this.idCount == "12" ) {
        params.commonSearch_info.injuryInfo = value.aaz127;
      }
      if (this.isCodeType) {
        params.codeTypes = this.codeTypes;
      }
      // if(this.dataType == 'company'){
      //     params.commonSearch_info.companyInfo = value;
      // }else if(this.dataType == 'person'){
      //     params.commonSearch_info.personInfo = value;
      // }
      this.$api
        .commonPost(this.$route.path + "/doCheck/commonSearch_info/", params)
        .then(res => {
          console.log(res);
          if (res.status === "0") {
            this.$store.dispatch("SET_COMMON", res.data);
            if (res.data.codeTypes) {
              this.$store.dispatch("SET_CODETYPE", res.data);
            }
            if (this.dataType == "company") {
              this.companyMessage = res.data.panel.cpInfo || {};
              this.row = res.data.panel.cpInsure || [];
            } else if (this.dataType == "person") {
              this.personMessage = res.data.panel.psInfo || {};
              this.row = res.data.panel.psInsure || [];
            }
          } else if (res.successMessage && res.successMessage.length > 0) {
            res.successMessage.map(item => {
              this.$message({
                type: "success",
                message: item,
                duration: 0,
                showClose: true
              });
            });
          } else if (res.errorMessage && res.errorMessage.length > 0) {
            res.errorMessage.map(item => {
              this.$message({
                type: "error",
                message: item,
                duration: 0,
                showClose: true
              });
            });
          } else if (res.warnMessage && res.warnMessage.length > 0) {
            res.warnMessage.map(item => {
              this.$message({
                type: "warning",
                message: item,
                duration: 0,
                showClose: true
              });
            });
          }
        });
    }
  }
};
</script>

<style lang="less" scoped>
.ep-message-content {
  display: flex;
  overflow: inherit;
  border-radius: 6px;
  // border: 1px solid red;
  .ep-right {
    min-width: 200px;
    margin-left: 10px;
    display: flex;
    h1 {
      text-align: center;
      font-size: 28px;
      color: #f56c6c;
      margin: 20px 0 10px;
      padding-bottom: 10px;
      border-bottom: 1px solid #efefef;
    }
    .ep-right-item {
      margin-bottom: 5px;
      color: #1891ff;
      font-weight: bold;
      span {
        margin-right: 20px;
      }
    }
  }
  .ep-left {
    flex: 1;
  }
  .ep-right,
  .ep-left {
    background: #fff;
    padding: 20px;
    border-radius: 6px;
  }
  .ep-card-title {
    font-size: 18px;
    color: #1a81ce;
    font-weight: bold;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
  }
  .el-list {
    .el-list-item {
      display: flex;
      margin-bottom: 15px;
      span {
        max-width: 500px;
        margin-right: 5px;
        color: #606266;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        a {
          color: #008af0;
        }
      }
      div {
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    }
    .searchMore {
      text-align: center;
      i {
        font-size: 16px;
        cursor: pointer;
        // transition: transform .3s,-webkit-transform .3s;
        &:hover {
          color: #1a81ce;
        }
      }
      .is-active {
        transform: rotate(180deg);
      }
    }
  }
}
</style>
